@import "variables";
.order-content{
  padding:pxTorem(24px) pxTorem(24px) pxTorem(24px) pxTorem(30px);
  display: flex;
  .content-img{
    width:pxTorem(160px);
    height: pxTorem(160px);
    min-width: pxTorem(160px);
    background-size: cover !important;
    overflow: hidden;
    display: block;
    img{
      width: 100%;
      display: block;
    }
  }
  .content-price{
    margin-left: pxTorem(10);
    flex-shrink: 0;
    text-align: right;
    .num{
      span{
        width: pxTorem(20px);
        height: pxTorem(20px);
        display: inline-block;
        background: url(#{$icons-path}/cha.png) no-repeat;
        background-size:cover ;
      }
    }
    .price{
      height: pxTorem(80);
    }
  }
  .content-name{
    flex-grow: 1;
    @include font-dpr(28px);
    padding-left: pxTorem(20px);
    .info-detail {
      width: 100%;
      height: pxTorem(68);
      @include font-dpr(28px);
      line-height: pxTorem(34);
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      margin-bottom : pxTorem(18);
    }
    .info-sku-name{
      @include text-overflow-percent-ellipsis(100%);
    }
    div:last-child{
      @include font-dpr(24px);
      color:color($h5,c4);
    }
  }
}
